<template>
  <div>
    <!-- -->
    <div class="dv-decoration-12" dur="3" style="width: 352px; height: 325px;">
      <svg width="352" height="325" style="transform: scale(0.56, 0.6);">
        <defs>
          <g id="decoration-12-g-28ce7a2f6cf24763ae75e7647ccdf6a0">
            <path
              stroke="rgba(0,206,209,1)"
              stroke-width="176"
              fill="transparent"
              d="M176,74.5 A88, 88 0 0 0 172.92884,74.55361"
            />
            <path
              stroke="rgba(0,206,209,0.9655172413793103)"
              stroke-width="176"
              fill="transparent"
              d="M172.92884,74.55361 A88, 88 0 0 0 169.86143,74.71436"
            />
            <path
              stroke="rgba(0,206,209,0.9310344827586207)"
              stroke-width="176"
              fill="transparent"
              d="M169.86143,74.71436 A88, 88 0 0 0 166.80150,74.98207"
            />
            <path
              stroke="rgba(0,206,209,0.896551724137931)"
              stroke-width="176"
              fill="transparent"
              d="M166.80150,74.98207 A88, 88 0 0 0 163.75277,75.35641"
            />
            <path
              stroke="rgba(0,206,209,0.8620689655172414)"
              stroke-width="176"
              fill="transparent"
              d="M163.75277,75.35641 A88, 88 0 0 0 160.71896,75.83692"
            />
            <path
              stroke="rgba(0,206,209,0.8275862068965517)"
              stroke-width="176"
              fill="transparent"
              d="M160.71896,75.83692 A88, 88 0 0 0 157.70377,76.42301"
            />
            <path
              stroke="rgba(0,206,209,0.7931034482758621)"
              stroke-width="176"
              fill="transparent"
              d="M157.70377,76.42301 A88, 88 0 0 0 154.71087,77.11398"
            />
            <path
              stroke="rgba(0,206,209,0.7586206896551724)"
              stroke-width="176"
              fill="transparent"
              d="M154.71087,77.11398 A88, 88 0 0 0 151.74391,77.90897"
            />
            <path
              stroke="rgba(0,206,209,0.7241379310344829)"
              stroke-width="176"
              fill="transparent"
              d="M151.74391,77.90897 A88, 88 0 0 0 148.80650,78.80703"
            />
            <path
              stroke="rgba(0,206,209,0.6896551724137931)"
              stroke-width="176"
              fill="transparent"
              d="M148.80650,78.80703 A88, 88 0 0 0 145.90223,79.80705"
            />
            <path
              stroke="rgba(0,206,209,0.6551724137931035)"
              stroke-width="176"
              fill="transparent"
              d="M145.90223,79.80705 A88, 88 0 0 0 143.03462,80.90782"
            />
            <path
              stroke="rgba(0,206,209,0.6206896551724138)"
              stroke-width="176"
              fill="transparent"
              d="M143.03462,80.90782 A88, 88 0 0 0 140.20718,82.10800"
            />
            <path
              stroke="rgba(0,206,209,0.5862068965517241)"
              stroke-width="176"
              fill="transparent"
              d="M140.20718,82.10800 A88, 88 0 0 0 137.42334,83.40612"
            />
            <path
              stroke="rgba(0,206,209,0.5517241379310345)"
              stroke-width="176"
              fill="transparent"
              d="M137.42334,83.40612 A88, 88 0 0 0 134.68650,84.80061"
            />
            <path
              stroke="rgba(0,206,209,0.5172413793103449)"
              stroke-width="176"
              fill="transparent"
              d="M134.68650,84.80061 A88, 88 0 0 0 132.00000,86.28976"
            />
            <path
              stroke="rgba(0,206,209,0.48275862068965525)"
              stroke-width="176"
              fill="transparent"
              d="M132.00000,86.28976 A88, 88 0 0 0 129.36710,87.87177"
            />
            <path
              stroke="rgba(0,206,209,0.4482758620689655)"
              stroke-width="176"
              fill="transparent"
              d="M129.36710,87.87177 A88, 88 0 0 0 126.79102,89.54469"
            />
            <path
              stroke="rgba(0,206,209,0.41379310344827586)"
              stroke-width="176"
              fill="transparent"
              d="M126.79102,89.54469 A88, 88 0 0 0 124.27490,91.30650"
            />
            <path
              stroke="rgba(0,206,209,0.37931034482758624)"
              stroke-width="176"
              fill="transparent"
              d="M124.27490,91.30650 A88, 88 0 0 0 121.82179,93.15505"
            />
            <path
              stroke="rgba(0,206,209,0.34482758620689663)"
              stroke-width="176"
              fill="transparent"
              d="M121.82179,93.15505 A88, 88 0 0 0 119.43469,95.08809"
            />
            <path
              stroke="rgba(0,206,209,0.31034482758620696)"
              stroke-width="176"
              fill="transparent"
              d="M119.43469,95.08809 A88, 88 0 0 0 117.11651,97.10326"
            />
            <path
              stroke="rgba(0,206,209,0.2758620689655173)"
              stroke-width="176"
              fill="transparent"
              d="M117.11651,97.10326 A88, 88 0 0 0 114.87006,99.19810"
            />
            <path
              stroke="rgba(0,206,209,0.24137931034482762)"
              stroke-width="176"
              fill="transparent"
              d="M114.87006,99.19810 A88, 88 0 0 0 112.69810,101.37006"
            />
            <path
              stroke="rgba(0,206,209,0.20689655172413793)"
              stroke-width="176"
              fill="transparent"
              d="M112.69810,101.37006 A88, 88 0 0 0 110.60326,103.61651"
            />
            <path
              stroke="rgba(0,206,209,0.17241379310344826)"
              stroke-width="176"
              fill="transparent"
              d="M110.60326,103.61651 A88, 88 0 0 0 108.58809,105.93469"
            />
            <path
              stroke="rgba(0,206,209,0.13793103448275873)"
              stroke-width="176"
              fill="transparent"
              d="M108.58809,105.93469 A88, 88 0 0 0 106.65505,108.32179"
            />
            <path
              stroke="rgba(0,206,209,0.10344827586206903)"
              stroke-width="176"
              fill="transparent"
              d="M106.65505,108.32179 A88, 88 0 0 0 104.80650,110.77490"
            />
            <path
              stroke="rgba(0,206,209,0.06896551724137936)"
              stroke-width="176"
              fill="transparent"
              d="M104.80650,110.77490 A88, 88 0 0 0 103.04469,113.29102"
            />
            <path
              stroke="rgba(0,206,209,0.03448275862068968)"
              stroke-width="176"
              fill="transparent"
              d="M103.04469,113.29102 A88, 88 0 0 0 101.37177,115.86710"
            />
            <path
              stroke="rgba(0,206,209,0)"
              stroke-width="176"
              fill="transparent"
              d="M101.37177,115.86710 A88, 88 0 0 0 99.78976,118.50000"
            />
          </g>
          <radialGradient
            id="decoration-12-gradient-28ce7a2f6cf24763ae75e7647ccdf6a0"
            cx="50%"
            cy="50%"
            r="50%"
          >
            <stop offset="0%" stop-color="transparent" stop-opacity="1" />
            <stop offset="100%" stop-color="rgba(250,212,0,0.3)" stop-opacity="1" />
          </radialGradient>
        </defs>
        <circle
          r="58.5"
          cx="176"
          cy="162.5"
          stroke="#FAD400"
          stroke-width="0.5"
          fill="transparent"
        />
        <circle r="117" cx="176" cy="162.5" stroke="#FAD400" stroke-width="0.5" fill="transparent" />
        <circle
          r="175.5"
          cx="176"
          cy="162.5"
          stroke="#FAD400"
          stroke-width="0.5"
          fill="transparent"
        />
        <circle
          r="1"
          cx="176"
          cy="162.5"
          stroke="transparent"
          fill="url(#decoration-12-gradient-28ce7a2f6cf24763ae75e7647ccdf6a0)"
        >
          <animate attributeName="r" values="1;176" dur="2s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="1;0" dur="2s" repeatCount="indefinite" />
        </circle>
        <circle r="2" cx="176" cy="162.5" fill="#FAD400" />
        <g>
          <polyline
            points="328.4204710660612,250.5 23.579528933938775,74.50000000000004"
            stroke="#FAD400"
            stroke-width="0.5"
            opacity="0.5"
          />
          <polyline
            points="264,314.92047106606117 87.99999999999991,10.079528933938832"
            stroke="#FAD400"
            stroke-width="0.5"
            opacity="0.5"
          />
          <polyline
            points="176,338.5 175.99999999999997,-13.5"
            stroke="#FAD400"
            stroke-width="0.5"
            opacity="0.5"
          />
          <polyline
            points="88.00000000000004,314.9204710660612 263.9999999999999,10.079528933938718"
            stroke="#FAD400"
            stroke-width="0.5"
            opacity="0.5"
          />
          <polyline
            points="23.579528933938832,250.50000000000006 328.42047106606117,74.49999999999991"
            stroke="#FAD400"
            stroke-width="0.5"
            opacity="0.5"
          />
          <polyline
            points="0,162.50000000000003 352,162.49999999999994"
            stroke="#FAD400"
            stroke-width="0.5"
            opacity="0.5"
          />
        </g>
        <path
          d="M327.55444566227675,250 A176, 162.5 0 0 1 263.5,314.05444566227675"
          stroke="#FAD400"
          stroke-width="2"
          fill="transparent"
        />
        <path
          d="M88.50000000000004,314.05444566227675 A176, 162.5 0 0 1 24.44555433772325,250.00000000000006"
          stroke="#FAD400"
          stroke-width="2"
          fill="transparent"
        />
        <path
          d="M24.445554337723195,75.00000000000004 A176, 162.5 0 0 1 88.49999999999993,10.94555433772328"
          stroke="#FAD400"
          stroke-width="2"
          fill="transparent"
        />
        <path
          d="M263.4999999999999,10.945554337723166 A176, 162.5 0 0 1 327.55444566227675,74.99999999999993"
          stroke="#FAD400"
          stroke-width="2"
          fill="transparent"
        />
        <use xlink:href="#decoration-12-g-28ce7a2f6cf24763ae75e7647ccdf6a0">
          <animateTransform
            attributeName="transform"
            type="rotate"
            values="0, 176 162.5;360, 176 162.5"
            dur="3s"
            repeatCount="indefinite"
          />
        </use>
      </svg>
      <div class="decoration-content"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "MapviewIndex",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>